.body-view{
    height:100vh;
	background: linear-gradient(18deg, #F7FFFA 0%, #EAFCE1 59%, #B2FACD 100%);
    padding-bottom:20rpx;
	.state-navigation{
		background:none;
		
	}
}
.data-view{
	padding: 20rpx 20rpx 0 20rpx;
	.data-info{
		padding: 0 30rpx;
		height: 290rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		.data-info-title{
			height: 100rpx;
			position: relative;
			.info-title-text{
				position: relative;
				padding-left: 2rpx;
				font-size: 34rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.info-title-background{
				position: absolute;
				left: -2rpx;
				top:46rpx;
				height: 26rpx;
				background: linear-gradient(270deg, rgba(73,243,210,0) 0%, #23E2A6 100%);
				border-radius: 13rpx;
			}
			.info-title-number{
				font-size: 50rpx;
				font-family: 'din',DINAlternate-Bold, DINAlternate;
				font-weight: bold;
			}
			.info-title-unit{
				padding-left: 8rpx;
				padding-top: 20rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
			}
		}
		.data-info-chart{
			padding-top: 40rpx;
			padding-bottom: 10rpx;
			.info-chart-1{
				position: relative;
				width: 110rpx;
				.chart-1-v{
					
					height: 24rpx;
					background: #65E7E8;
					border-radius: 8rpx;
				}
			}
			.info-chart-2{
				position: relative;
				width: 140rpx;
				.chart-2-v{
					width: 100%;
					height: 24rpx;
					background: #7FF0AC;
					border-radius: 8rpx;
				}
			}
			.info-chart-3{
				position: relative;
				width: 110rpx;
				.chart-3-v{
					width: 100%;
					height: 24rpx;
					background: #FFD401;
					border-radius: 8rpx;
				}
			}
			.info-chart-4{
				position: relative;
				width: 110rpx;
				.chart-4-v{
					width: 100%;
					height: 24rpx;
					background: #FF9858;
					border-radius: 8rpx;
				}
			}
			.info-chart-5{
				position: relative;
				width: 140rpx;
				.chart-5-v{
					width: 100%;
					height: 24rpx;
					background: #FF6B4F;
					border-radius: 8rpx;
				}
			}
			.info-chart-6{
				position: relative;
				width: 110rpx;
				.chart-6-v{
					width: 100%;
					height: 24rpx;
					background: #65E7E8;
					border-radius: 8rpx;
				}
			}
			.info-chart-7{
				position: relative;
				width: 140rpx;
				.chart-7-v{
					width: 100%;
					height: 24rpx;
					background: #7FF0AC;
					border-radius: 8rpx;
				}
			}
			.info-chart-8{
				position: relative;
				width: 230rpx;
				.chart-8-v{
					width: 100%;
					height: 24rpx;
					background: #FF9858;
					border-radius: 8rpx;
				}
			}
			.info-chart-9{
				position: relative;
				width: 140rpx;
				.chart-9-v{
					width: 100%;
					height: 24rpx;
					background: #FF6B4F;
					border-radius: 8rpx;
				}
			}
			.chart-mark{
				position: absolute;
				top: -30rpx;
				width: 0;  
				height: 0;  
				transform: translateX(-50%);
				border-left: 10rpx solid transparent;   /* 左边框 */  
				border-right: 10rpx solid transparent;  /* 右边框 */  
				border-top-width: 15rpx;
				border-top-style: solid;
			}
			.info-chart-describe{
				text-align: center;
				padding-top: 16rpx;
				font-size: 18rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
			}
		}
		.data-info-algorit{
			padding-top: 10rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
	}
}